<template>

  <div>
    <div class="head">
    <h2>饿了么</h2>
    <form action="/">
      <van-search
  v-model="value"
  shape="round"
  background="#0095fe"
  placeholder="请输入搜索关键词"
/>
</form>
  </div>
    <Footer></Footer>
  </div>
</template>

<script>

import Footer from "@/components/Footer.vue";
import { Toast } from 'vant';

export default {
    name:"home",
    data() {
    return {
      value: '',
    };
  },
  components: {
    Footer,
  },
  methods: {
    onSearch(val) {
      Toast(val);
    },
    onCancel() {
      Toast('取消');
    },
  },

}
</script>

<style scoped>
h2{
  color:#fff;
  margin:0px 5px 5px 5px;
}
.head{
  background-color: #0095fe;
}
</style>